document.querySelector('button:nth-of-type(1)').onclick=function(){
    document.querySelector('ul').innerHTML=`
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>
    <li class="gujia"></li>`
const xhr = new XMLHttpRequest
xhr.onreadystatechange=()=>{
    if(xhr.readyState===4){
        if(xhr.status===200){
            let res = JSON.parse(xhr.responseText)
            console.log(res);
            let ulObj = document.querySelector('ul')
            ulObj.innerText=''
            res.forEach(item => {
                let liObj = document.createElement('li')
                liObj.innerHTML=`${item.title}-${item.titleurl}`
                console.log(liObj);
                ulObj.appendChild(liObj)
            });
        }
    }
}
xhr.open('get',`https://act-shfb.ibbtv.cn/iloveshanghai/phpapp/zs.php?id=15`)
xhr.send(null)
}